﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Reservation.aspx.cs" Inherits="JinJiang.BookingEngine.Web.en.Reservation" %>

<%@ Register Src="usercontrol/UserLogin.ascx" TagName="userlogin" TagPrefix="uc1" %>
<%@ Register TagPrefix="uc1" TagName="PageCC" Src="usercontrol/InputCreditCard.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta content="public" name="Security">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="bookengine,hubs1,crs " />
    <style runat="server" id="csscontrel"></style>
    <script language="javascript">
<!--
        function ConfirmCancel() {
            if (confirm("Are you sure that you want to cancel this reservation?")) {
                document.forms['ReservationForm'].elements['CCNumber'].value = '';
                document.forms['ReservationForm'].elements['Action'].value = 'Cancel';
                document.forms['ReservationForm'].action = 'reservationSave';
                document.forms['ReservationForm'].submit();
            }
        }

        function ChangeStayDetails() {
            document.forms['ReservationForm'].action = 'planSearchForm';
            document.forms['ReservationForm'].elements['CCNumber'].value = '';
            document.forms['ReservationForm'].submit();
        }

        function AcceptPoliciesClick() {
            if (document.forms['ReservationForm'].elements['AcceptPay'] != null) {
                if (document.forms['ReservationForm'].elements['AcceptPolicies'].checked && document.forms['ReservationForm'].elements['AcceptPay'].checked) {
                    document.forms['ReservationForm'].elements['Button1'].disabled = false;
                } else {
                    document.forms['ReservationForm'].elements['Button1'].disabled = true;
                }
            }
            else {
                if (document.forms['ReservationForm'].elements['AcceptPolicies'].checked) {
                    document.forms['ReservationForm'].elements['Button1'].disabled = false;
                } else {
                    document.forms['ReservationForm'].elements['Button1'].disabled = true;
                }
            }
        }

        function PPCA() {
            if (document.forms['ReservationForm'].elements['CCType'].value == "CA") {
                document.forms['ReservationForm'].elements['CCNumber'].value = "CA";
                document.forms['ReservationForm'].elements['CCName'].value = "N/A";
                document.forms['ReservationForm'].elements['CCExpMonth'].value = "12";
                document.forms['ReservationForm'].elements['CCExpYear'].value = "2018";
            }
            else if (document.forms['ReservationForm'].elements['CCType'].value == "PP") {
                document.forms['ReservationForm'].elements['CCNumber'].value = "PP";
                document.forms['ReservationForm'].elements['CCName'].value = "N/A";
                document.forms['ReservationForm'].elements['CCExpMonth'].value = "12";
                document.forms['ReservationForm'].elements['CCExpYear'].value = "2018";
            }
            else {
                document.forms['ReservationForm'].elements['CCNumber'].value = "";
                document.forms['ReservationForm'].elements['CCName'].value = "";
                document.forms['ReservationForm'].elements['CCExpMonth'].value = "";
                document.forms['ReservationForm'].elements['CCExpYear'].value = "";
            }
        }
        function NoSmooking(obj) {
            if (obj.checked) {
                document.getElementById("NoSmooking").innerHTML = "<font color=DodgerBlue>The hotel will try to fulfill your requirement of non-smoking room(s).</font>";
            }
            else
                document.getElementById("NoSmooking").innerHTML = "";
        }
        function page_load() {
            if (document.forms['ReservationForm'].elements['Button1'] != null)
                document.forms['ReservationForm'].elements['Button1'].disabled = true;
        }

-->
    </script>
    <script language="javascript" src="../javascript/resetiframe.js" type="text/javascript"></script>
</head>
<body runat="server" id="bodyBooking">
    <form id='ReservationForm' method="post" name="ReservationForm" runat="server">
    <br />
    <asp:Literal ID="ltrScores" EnableViewState="true" runat="server"></asp:Literal>
    <table class="table_other" cellpadding="5">
        <tr valign="top">
            <td width="76%">
                <span class="font_bold">Hotel: &nbsp;</span><asp:HyperLink ID="hplShowHoteltext" runat="server">
                    <asp:Label ID="lblHotelName" runat="server" Text="Label"></asp:Label></asp:HyperLink>
            </td>
            <td rowspan="3" valign="top" style="width: 24%">
                <asp:HyperLink ID="hplShowHotel" runat="server">
                    <asp:Image ID="imgHotel" runat="server" ImageAlign="Right" /></asp:HyperLink>
            </td>
        </tr>
        <tr valign="top">
            <td>
                <span class="bluetext STYLE5" id="address1" runat="server">Address:</span> <span class="bluetext STYLE5" id="Hotel_titletel" runat="server">Tel:</span> <span class="bluetext STYLE5" id="fax" runat="server">Fax:</span>
            </td>
        </tr>
        <tr valign="top">
            <td>
                <span id="subtitle" runat="server">Intro:</span>
            </td>
        </tr>
        <tr valign="top">
            <td colspan="2">
                <span class="font_message" id="slogan" runat="server">Notice:</span>
            </td>
        </tr>
    </table>
    <uc1:userlogin id="Userlogin1" runat="server" Visible="false">
    </uc1:userlogin>
    <asp:Panel ID="pnlErr" runat="server">
        <br />
        <table class="table_other" cellpadding="5">
            <tr>
                <td>
                    <br />
                    <table width="95%" border="0" align="center" cellpadding="5" cellspacing="0">
                        <tr>
                            <td colspan="4" class="text_titl">
                                <span class="font_message">Reservatoin fale,reason as follow:</span><br />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4" style="height: 24px">
                                &nbsp;<asp:Label ID="lblErr" runat="server" Text="Label" BackColor="Gainsboro" BorderColor="#E0E0E0" BorderWidth="5px" Font-Bold="True" Font-Overline="False" Font-Strikeout="False" ForeColor="OrangeRed"></asp:Label>
                            </td>
                        </tr>
                    </table>
                    <br />
                </td>
            </tr>
        </table>
    </asp:Panel>
    <br />
    <asp:Panel ID="pnlRequestInfo" runat="server">
        <table class="table_other" cellpadding="5">
            <tr>
                <td>
                    <span class="font_bold">Reservation Details</span><br />
                    <table width="100%" border="0" align="center" cellpadding="5" cellspacing="0">
                        <tr>
                            <td colspan="2">
                                Check-in details are based on your previous search criteria. Please carefully double-check this information.
                                <br />
                                <br />
                                <div runat="server" id="divpric">
                                </div>
                                <asp:DataList ID="DataList2" runat="server" Height="106px" BackColor="#E0E0E0" BorderColor="White" CellPadding="1" CellSpacing="1" HorizontalAlign="Center" RepeatDirection="Horizontal">
                                    <EditItemStyle HorizontalAlign="Center" Width="200px" />
                                    <ItemTemplate>
                                        <%# DataBinder.Eval(Container, "DataItem.AvailDate", "{0}")%>
                                        <br />
                                        <%# DataBinder.Eval(Container, "DataItem.priceNoTax", "{0}")%>
                                        <br />
                                        <%# DataBinder.Eval(Container, "DataItem.Allotment", "{0}")%>
                                        <br />
                                        <%# DataBinder.Eval(Container, "DataItem.Gua", "{0}")%>
                                        <br />
                                        <%# DataBinder.Eval(Container, "DataItem.AvStat", "{0}")%>
                                    </ItemTemplate>
                                    <ItemStyle BackColor="#FFFFC0" BorderColor="White" BorderWidth="1px" HorizontalAlign="Center" Width="100px" />
                                </asp:DataList>
                                <span id="ReturnInfo" runat="server" />
                                <br />
                                <table width="100%" border="0" align="center" cellpadding="2" cellspacing="0">
                                    <tr>
                                        <td width="22%">
                                            <nobr>
                                                    RoomType:</nobr>
                                        </td>
                                        <td width="78%">
                                            <asp:Label ID="lblRoomName" runat="server" Text=""></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="22%">
                                            <nobr>
                                                    Total Price:</nobr>
                                        </td>
                                        <td width="78%">
                                            <span id="TotalPrice" runat="server" />
                                            <asp:Label ID="LabCurrency" runat="server"></asp:Label>
                                            <span id="PAYdesc" runat="server"></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="height: 21px">
                                            Number of Rooms:
                                        </td>
                                        <td width="78%" style="height: 21px">
                                            <asp:Label ID="LabelRoom" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <nobr>
                                                    Night(s):</nobr>
                                            ：
                                        </td>
                                        <td width="78%">
                                            <asp:Label ID="LabelNights" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <nobr />
                                            Description:
                                        </td>
                                        <td width="78%">
                                            <asp:Label ID="lblRoomDesc" runat="server" Text=""></asp:Label><br />
                                            <asp:Label ID="LabelPlanDesc" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="height: 21px">
                                            <nobr>
                                                    Guests:</nobr>
                                        </td>
                                        <td width="78%" style="height: 21px">
                                            <asp:Label ID="LabelAdults" runat="server" Text="Label"></asp:Label>
                                            Person/Room
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <br />
    </asp:Panel>
    <asp:Panel ID="pnlGuestInfo" runat="server">
        <table class="table_other" cellpadding="5">
            <tr>
                <td>
                    <span class="font_bold">Guest Details</span><br />
                    <table width="100%" border="0" align="center" cellpadding="5" cellspacing="0">
                        <tr>
                            <td colspan="4">
                                <span class="STYLE6">Please provide the following guest information and ensure that the information is correct as it will be required for check-in or cancellation.</span>
                                <table width="100%" align="center">
                                    <tr>
                                        <td width="20%">
                                            <font color="red">*</font>Name:<span class="STYLE1"></span>
                                        </td>
                                        <td width="80%">
                                            <table width="100%">
                                                <tr>
                                                    <td>
                                                        <asp:TextBox ID="FirstName" Width="100px" MaxLength="30" runat="server"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="FirstName" Display="Dynamic" ErrorMessage="First Name please" SetFocusOnError="True"></asp:RequiredFieldValidator><span class="required"></span>First name
                                                    </td>
                                                    <td>
                                                        <asp:TextBox ID="LastName" Width="100px" MaxLength="30" runat="server"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="LastName" ErrorMessage="Last Name please" Display="Dynamic" SetFocusOnError="True"></asp:RequiredFieldValidator><span>Last name</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <font color="red">*</font>Email:
                                        </td>
                                        <td>
                                            <asp:TextBox ID="GuestEmail" Width="150" MaxLength="50" runat="server"></asp:TextBox>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="GuestEmail" ErrorMessage="Email error" ValidationExpression="^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*\.(([a-z]{2,3})|(aero|coop|info|museum|name))$" Display="Dynamic" SetFocusOnError="True"></asp:RegularExpressionValidator>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="GuestEmail" Display="Dynamic" ErrorMessage="Email is required" Width="166px" SetFocusOnError="True"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <font color="red">*</font>Phone:<span class="STYLE1"></span>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="GuestPhone" Width="150" MaxLength="50" runat="server"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="GuestPhone" ErrorMessage="Phone number is required" Display="Dynamic" SetFocusOnError="True"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Mobile Phone:
                                        </td>
                                        <td>
                                            <asp:TextBox ID="GuestMP" Width="150" MaxLength="50" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <font color="red">*</font>Address:<span class="STYLE1"></span>
                                        </td>
                                        <td style="height: 26px">
                                            <asp:TextBox ID="GuestAddressLine1" Width="250" MaxLength="50" runat="server"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="GuestAddressLine1" ErrorMessage="Guest address is required" Display="Dynamic" SetFocusOnError="True"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Arrival Time:
                                        </td>
                                        <td>
                                            <asp:DropDownList ID="dpdCheckInTime" runat="server" Width="55px">
                                                <asp:ListItem Value="0100">01:00</asp:ListItem>
                                                <asp:ListItem Value="0200">02:00</asp:ListItem>
                                                <asp:ListItem Value="0300">03:00</asp:ListItem>
                                                <asp:ListItem Value="0400">04:00</asp:ListItem>
                                                <asp:ListItem Value="0500">05:00</asp:ListItem>
                                                <asp:ListItem Value="0600">06:00</asp:ListItem>
                                                <asp:ListItem Value="0700">07:00</asp:ListItem>
                                                <asp:ListItem Value="0800">08:00</asp:ListItem>
                                                <asp:ListItem Value="0900">09:00</asp:ListItem>
                                                <asp:ListItem Value="1000">10:00</asp:ListItem>
                                                <asp:ListItem Value="1100">11:00</asp:ListItem>
                                                <asp:ListItem Value="1200">12:00</asp:ListItem>
                                                <asp:ListItem Value="1300">13:00</asp:ListItem>
                                                <asp:ListItem Value="1400">14:00</asp:ListItem>
                                                <asp:ListItem Value="1500">15:00</asp:ListItem>
                                                <asp:ListItem Value="1600">16:00</asp:ListItem>
                                                <asp:ListItem Value="1700">17:00</asp:ListItem>
                                                <asp:ListItem Selected="True" Value="1800">18:00</asp:ListItem>
                                                <asp:ListItem Value="1900">19:00</asp:ListItem>
                                                <asp:ListItem Value="2000">20:00</asp:ListItem>
                                                <asp:ListItem Value="2100">21:00</asp:ListItem>
                                                <asp:ListItem Value="2200">22:00</asp:ListItem>
                                                <asp:ListItem Value="2300">23:00</asp:ListItem>
                                                <asp:ListItem Value="2400">24:00</asp:ListItem>
                                            </asp:DropDownList>
                                            Hotel Holdtime:<asp:Label ID="lblHoldtime" runat="server" Text="18:00"></asp:Label><span id="checkintime"></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="height: 40px">
                                            Flight Information:
                                        </td>
                                        <td style="height: 40px">
                                            <asp:TextBox ID="txtAirInfo" Width="150" MaxLength="200" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Non-smoking:
                                        </td>
                                        <td>
                                            <asp:CheckBox ID="ckbNoSmooking" runat="server" />
                                            <span id="NoSmooking"></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Remarks:
                                        </td>
                                        <td style="height: 26px">
                                            <asp:TextBox ID="remark" runat="server" TextMode="MultiLine" Columns="40" Rows="6"></asp:TextBox>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <uc1:PageCC ID="PageCC" runat="server">
                    </uc1:PageCC>
                    <br />
                    <br />
                </td>
            </tr>
        </table>
        <br />
        <table class="table_other" cellpadding="5">
            <tr>
                <td colspan="4">
                    <span class="font_bold">Hotel Policy</span>
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    Before making your reservation, please read the following important policies carefully.
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <table width="90%" border="0" align="center" cellpadding="5" cellspacing="0">
                        <tr>
                            <td>
                                <nobr>Deposit Policy:</nobr>
                            </td>
                            <td width="78%">
                                <span id="GUAdesc" runat="server"></span>
                            </td>
                        </tr>
                        <tr style="font-size: 12pt">
                            <td width="22%">
                                <nobr>Cancellation Policy:</nobr>
                            </td>
                            <td width="78%">
                                <span id="CXLdesc" runat="server"></span>
                            </td>
                        </tr>
                        <tr style="font-size: 12pt">
                            <td>
                                <nobr>Tax and Service Charge:</nobr>
                            </td>
                            <td width="78%">
                                <span id="Taxdesc" runat="server"></span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" style="font-size: 12pt">
            <tr>
                <td align="center">
                    <input type="checkbox" name='AcceptPolicies' value='' onclick="AcceptPoliciesClick();">
                    Yes. I agree to the hotel policies.<br />
                    <asp:Panel ID="panelpay" runat="server" Visible="False">
                        <input type="checkbox" name='AcceptPay' value='' onclick="AcceptPoliciesClick();"><font color="#ffcc66"><strong>本房型需要预付保证，需要预付<asp:Label ID="TotalPrice1" runat="server"></asp:Label>CNY才能完成这个预订。我同意使用银联在线支付系统（chinapay）来完成预付。</strong></font><br />
                    </asp:Panel>
                    <input type="hidden" id="wd" name="wd" runat="server" />
                    <asp:Button ID="Button1" runat="server" Text=" Make A Reservation  " OnClick="Button1_Click" />
                    <br>
                </td>
            </tr>
        </table>
    </asp:Panel>
    <asp:GridView ID="GridView1" runat="server">
    </asp:GridView>
    </form>
    <br>
    <asp:Panel ID="googlejs" runat="server">
        <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script type="text/javascript">
            try {
                var pageTracker = _gat._getTracker("UA-10768010-1");
                pageTracker._trackPageview("/en/booking_input");
            } catch (err) { }</script>
    </asp:Panel>
</body>
</html>
